*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.layout {
  display: flex;
  min-width: 1000px;
}


@media screen and (max-width: 1000px){
   .sider{display: none}
   .header,
   .content{
    width: 100% ;
    min-width: 1000px;
  }
}
.sider{
  width: 200px;
  height: 100vh;
  overflow: auto;
  border-right: 1px solid #f8f8f8;
}
.content{
  width: calc(100% - 200px);
  min-width: 1000px;
}
.header {
  width: calc(100% - 200px);
  height: 68px;
  background: rgba(200,200,200,0.7);
  position: fixed;
  top: 0;right: 0;
  overflow: auto;
}
.header-z{
  height: 68px;

}
.page{
  height:  calc(100vh - 68px);
  overflow: auto
}